<?php
/**
 * GiteeImageSaver 测试页面
 * 
 * @package GiteeImageSaver
 * @author 星野集xingyeji.com
 * @version 1.0.6
 * @license MIT
 */

include 'common.php';
include 'header.php';
include 'menu.php';
?>

<div class="main">
    <div class="body container">
        <div class="typecho-page-title">
            <h2>Gitee图片保存测试</h2>
        </div>
        <div class="row typecho-page-main" role="main">
            <div class="col-mb-12">
                <div class="typecho-list-operate clearfix">
                    <form method="post" action="<?php $options->index('/action/GiteeImageSaver?test-config'); ?>">
                        <button type="submit" class="btn primary">测试Gitee配置</button>
                        <p class="description">点击此按钮测试您的Gitee配置是否正确。</p>
                    </form>
                </div>
                
                <div class="typecho-list-operate clearfix">
                    <form method="post" enctype="multipart/form-data" action="<?php $options->index('/action/GiteeImageSaver?upload-test'); ?>">
                        <div class="form-group">
                            <label for="testImage">选择图片文件：</label>
                            <input type="file" name="testImage" accept="image/*" required>
                        </div>
                        <button type="submit" class="btn primary">上传测试图片</button>
                        <p class="description">选择一个图片文件并上传到Gitee仓库进行测试。</p>
                    </form>
                </div>
                
                <div class="typecho-list-operate clearfix">
                    <h3>使用说明</h3>
                    <ol>
                        <li>首先在插件设置中完成配置。</li>
                        <li>然后点击"测试Gitee配置"按钮，检查您的Gitee配置是否正确。</li>
                        <li>如果配置正确，您可以选择一个图片文件并点击"上传测试图片"按钮进行上传测试。</li>
                        <li>测试成功后，您可以开始使用插件功能。当您发布或更新文章时，插件会自动处理文章中的远程图片。</li>
                    </ol>
                </div>
                
                <div class="typecho-list-operate clearfix">
                    <h3>配置说明</h3>
                    <ul>
                        <li><strong>Gitee 仓库地址</strong>：您的 Gitee 仓库地址，例如 https://gitee.com/username/repo</li>
                        <li><strong>Gitee 私人令牌</strong>：用于访问 Gitee API 的私人令牌</li>
                        <li><strong>Git 分支</strong>：存储图片的Git分支，默认为master</li>
                        <li><strong>图片保存路径</strong>：仓库中的图片保存路径，例如 images</li>
                        <li><strong>图片 URL 前缀</strong>：用于替换图片链接的前缀，例如 https://gitee.com/username/repo/raw/master/images</li>
                        <li><strong>保留原始文件名</strong>：选择是否保留原始文件名，或使用 MD5 哈希值作为文件名</li>
                        <li><strong>按日期保存图片</strong>：选择是否按照年/月/日的目录结构保存图片</li>
                        <li><strong>站点标识</strong>：为图片添加站点标识前缀，便于区分不同站点的图片</li>
                    </ul>
                </div>
                
                <div class="typecho-list-operate clearfix">
                    <h3>获取 Gitee 私人令牌</h3>
                    <ol>
                        <li>登录 Gitee 账号</li>
                        <li>点击右上角头像，选择「设置」</li>
                        <li>在左侧菜单中选择「私人令牌」</li>
                        <li>点击「生成新令牌」</li>
                        <li>填写描述，选择权限（至少需要 projects 和 write_repository 权限）</li>
                        <li>点击「提交」</li>
                        <li>复制生成的令牌（注意：令牌只会显示一次）</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
</div>

<?php
include 'footer.php';
?>